<template>
	<Page :bgcolor='false'>
		<Box title='按钮打开模式' paddingClass='p10' minHeight='auto' auto>
			<Space>
				<Dropdown label='点击打开' :data='data' />
				<Dropdown label='移入打开' :data='data' ghost event='hover' />
			</Space>
		</Box>
	</Page>
</template>

<script setup>
	const Page = $.lazy(()=>import('#tp/content/page-content.vue'))
	const Dropdown = $.lazy(()=>import('@antd/dropdown.vue'))
	const Space = $.lazy(()=>import('@antd/space.vue'))
	const Box = $.lazy(()=>import('#tp/box/box.vue'))
	
	const data = [
		{ label: '按钮', click:()=> $fn.msg.success('成功')},
		{ label: '按钮', click:()=> $fn.msg.success('成功')},
	]
	
</script>